.bottomBox {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.98rem;
  background-color: #fff;
}
.bottomBox .bottomUl {
  margin: 0 0.3rem;
  height: 0.98rem;
  display: flex;
  justify-content: space-between;
}
.bottomBox .bottomUl li {
  font-size: 0.2rem;
  text-align: center;
}
.bottomBox .bottomUl li .bottomNav {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.bottomBox .bottomUl li .text {
  margin-top: 0.05rem;
}
.bottomBox .bottomUl li .homeNor {
  background-image: url(../img/bottomNav/tabbar_icon_home_nor.png);
  color: #1E2023;
}
.bottomBox .bottomUl li .homeActive {
  background-image: url(../img/bottomNav/tabbar_icon_home_pre.png);
  color: #60A7F6;
}
.bottomBox .bottomUl li .findNor {
  background-image: url(../img/bottomNav/tabbar_icon_find_nor.png);
  color: #1E2023;
}
.bottomBox .bottomUl li .findActive {
  background-image: url(../img/bottomNav/tabbar_icon_find_pre.png);
  color: #60A7F6;
}
.bottomBox .bottomUl li .communityNor {
  background-image: url(../img/bottomNav/tabbar_icon_community_nor.png);
  color: #1E2023;
}
.bottomBox .bottomUl li .communityActive {
  background-image: url(../img/bottomNav/tabbar_icon_community_pre.png);
  color: #60A7F6;
}
.bottomBox .bottomUl li .personNor {
  background-image: url(../img/bottomNav/tabbar_icon_personal%20center_nor.png);
  color: #1E2023;
}
.bottomBox .bottomUl li .personActive {
  background-image: url(../img/bottomNav/tabbar_icon_personal%20center_pre.png);
  color: #60A7F6;
}
.bottomBox .bottomUl li .addNor {
  width: 0.78rem;
  height: 0.78rem;
  margin: 0 auto;
  background: url(../img/bottomNav/tabbar_icon_release.png) no-repeat;
  background-size: cover;
}
